<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			h1{
				text-align: center;
				height:200px;
				width:400px;
				line-height:200px;
				margin:20px auto;
				background-color: #ADD8E6;
			}
		</style>
	</head>
	<body>
		<h1></h1>
		<script>
			var h1=document.querySelector("h1");
			var str="0123456789abcdefghijk";
			var timer=null;
			var timer2=null;
			
			//获取随机数的
			function getCode(num){
				var res="";//最后的结果
				for(var i=0;i<num;i++){
					//随机下标  0---str.length-1
					//随机抽取字符串的下标
					var index=Math.round(Math.random()*(str.length-1));
					var item=str[index];//通过下标  获取随机内容
					res+=item;//拼接内容
				}
				return res;
			}
			//一打开页面，立刻获取数据
			h1.innerHTML=getCode(5);
			
			//周期性定时器启动，随机抽取数据
			timer=setInterval(function(){
				h1.innerHTML=getCode(5);
			},1000)
	
	        //一次性定时器启动，10秒后，停止周期性定时器，同时也把自己停止
			timer2=setTimeout(function(){
				clearInterval(timer);
				timer=null;
				
				clearTimeout(timer2);
				timer2=null;
			},10000)
			

		</script>
	</body>
</html>
